<template>
    <div>
        <div class="container">
        <el-header class="head">
			排课信息
                <router-link to="/PrivateEducationView"><el-button round class="round">&lt; 返回</el-button></router-link>
        </el-header>
        <div class="add">
            <el-form :model="form">
                <el-form-item label="场馆选择" required>
                    <el-select placeholder="请选择场馆">
                        <el-option>
                        </el-option>
                    </el-select>
                </el-form-item>
                <el-form-item label="教练" prop=" coachId">
                    <el-select placeholder="请选择教练">
                        <el-option></el-option>
                    </el-select>
                </el-form-item>
                <el-form-item label="上课日期" required>
                    <el-date-picker type="date" placeholder="选择日期" value-format="yyyy-MM-dd">
                    </el-date-picker>
                </el-form-item>

                <el-form-item label="开始时间" required>
                    <el-date-picker v-model="value1" type="datetime" placeholder="Pick a Date"
                        format="YYYY/MM/DD HH:mm:ss" />
                </el-form-item>
                <el-form-item label="结束时间" required>
                    <el-date-picker v-model="value1" type="datetime" placeholder="Pick a Date"
                        format="YYYY/MM/DD HH:mm:ss" />
                </el-form-item>
                <el-form-item label="单节课预约上限" prop=" coachId">
                    <el-select placeholder="请选择人数">
                        <el-option></el-option>
                    </el-select>
                </el-form-item>
                <el-form-item>
                    <el-button type="primary" class="add">保存</el-button>
                </el-form-item>
            </el-form>
        </div>
    </div>
    <div>
		<el-header class="head">
			支持会员卡    （储值卡请填写扣费金额，次卡请填写扣除次数)
        </el-header>
   <el-table :data="tableData" border style="width: 100%">
	   <el-table-column prop="name" label="会员卡名称" width="350" />
	   <el-table-column prop="address" label="会员卡类型" width="400" />
	   <el-table-column prop="date" label="支持场馆" width="450" />
	   <el-table-column prop="name" label="扣费设置" width="450" />
  </el-table>
  </div>
</div>
</template>
<style scoped>
.container{
    border: 1px solid rgb(228, 228, 228);
    border-radius: 10px;
    margin-bottom:30px;
}

.add {
    margin-left: 300px;
    /* display: flex;
    flex-direction: column; */
    margin-top:20px ;
}

>>>.el-form-item__label {
    width: 120px;
    line-height: 40px;
}

>>>.el-input__inner {
    width: 300px;
    height: 40px;
}
.head{
		height: 50px;
		background-color: rgb(228, 228, 228);
		display: flex;
		align-items: center;
		justify-content: space-between;
        border-radius: 10px 10px 0 0;
	}

</style>
